<template>
    <div>
        <!-- 轮播图 -->
        <!-- <mt-swipe :auto="4000">
            <mt-swipe-item v-for="item in linboList" :key="item.img">
                <img :src="item.img" alt="">
            </mt-swipe-item>
        </mt-swipe> -->
        <swipe :lunboList="lunboList" :isfull="true">
            
        </swipe>
        <!-- 九宫格 到 六宫格 -->
        <ul class="mui-table-view mui-grid-view mui-grid-9">
		    <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><router-link to="/home/newslist">
		        <!-- 将span替换成image -->
                <img src="../../images/01.png" alt="">
		        <div class="mui-media-body">新闻资讯</div></router-link></li>
		    <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><router-link to="/home/photolist">
		        <img src="../../images/02.png" alt="">
		        <div class="mui-media-body">图片分享</div></router-link></li>
		    <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><router-link to="/home/goodlist">
		        <img src="../../images/03.png" alt="">
		        <div class="mui-media-body">商品购买</div></router-link></li>
		    <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="#">
		        <img src="../../images/04.png" alt="">
		        <div class="mui-media-body">留言反馈</div></a></li>
		    <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="#">
		        <img src="../../images/05.png" alt="">
		        <div class="mui-media-body">视频专区</div></a></li>
		    <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="#">
		        <img src="../../images/06.png" alt="">
		        <div class="mui-media-body">联系我们</div></a></li>
		</ul> 
    </div>
</template>


<script>
import { Toast } from 'mint-ui'
import swipe from '../subcom/swipe.vue'
export default{
    data(){
        return {
            lunboList:[
                {url:1,img:'http://img3.imgtn.bdimg.com/it/u=4168531630,4145939679&fm=26&gp=0.jpg'},
                {url:2,img:'http://img0.imgtn.bdimg.com/it/u=2466622522,1677352226&fm=26&gp=0.jpg'},
                {url:3,img:'http://img2.imgtn.bdimg.com/it/u=2890130218,1312103098&fm=26&gp=0.jpg'}
            ]//保存轮播图的地址
        }
    },
    created(){
        // this.getLunbo();
    },
    methods:{
        // getLunbo(){
        //     this.$http.get('http://vue.studyit.io/api/getlunbo').then(result=>{
        //         console.log(result.body);
        //         if(result.body.status==0){
        //             Toast('获取加载轮播图失败')
        //             this.lunboList=result.body.message;
        //         }
        //         else{
        //             Toast('获取加载轮播图失败')
        //         }
        //     })
        // }
    },
    components:{
        swipe
    }
}

</script>



<style scoped lang="less">
*{
    margin: 0;
    padding: 0;
}

.mint-swipe{
    height: 200px;
    // .mint-swipe-item:nth-child(1){
    //     background-color: red;
    // }
    // .mint-swipe-item:nth-child(2){
    //     background-color: blue;
    // }
    // .mint-swipe-item:nth-child(3){
    //     background-color: yellow;
    // }
    img{
        width: 100%;
        height: 100%;
    }
}
.mui-grid-view.mui-grid-9{
    background-color: #fff;
    border: none;
}

</style>

